<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()
const back = () => {
  router.go(-1)
};
</script>
<template>
  <el-result title="404" sub-title="Sorry, request error">
    <template #icon>
      <img class="notfound" src="@/assets/image/404.webp" />
    </template>
    <template #extra>
      <el-button type="primary" @click="back">返 回</el-button>
    </template>
  </el-result>
</template>

<style scoped lang="scss">
.notfound {
  width: 600px;
  height: 500px;
  border-radius: 10px;
}
</style>
